<extend name="Public/base"/>
<block name="body">
    <div class="main-title">
        <h2>自动升级 - 更新源码</h2>
    </div>
    <div class="with-padding" style="width:700px;">
        <div class="alert alert-info">
            <p>当前需要升级的版本：<strong>{$nextVersion.name}</strong></p>

            <p>当前的系统版本号：<strong>{$currentVersion.name}</strong></p>
        </div>
        <p><strong class="text-success">1.下载更新包，获取更新文件列表  -》 2.本地文件对比 -》 3.代码升级 </strong>-》 4.数据库升级 -》升级完成</p>
        <div id="message" style="border: 1px solid #ccc;padding: 20px;height: 243px;overflow: auto">

        </div>
        <h4>本次更新涉及的文件：</h4>
        <div id="file" style="border: 1px solid #ccc;padding: 20px;height: 250px;overflow: auto">

        </div>

        <h4>备份文件存放位置：</h4>
        <p>
           {$backup_path}
        </p>

        <a id="compare_btn" disabled="disabled" href="{:U('updb')}" class="btn btn-success btn-block">文件覆盖完成，导入数据库。</a>

        <div style="margin-top: 10px">
            <div class="progress progress-striped active hide" style="border-radius: 3px">
                <div id="progress" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
                     aria-valuemin="0" aria-valuemax="100" style="width:0">
                </div>
            </div>
        </div>

    </div>


    <script>
        function writeFile($data) {
            $('#file').append('<div><i class="icon-file"></i> '+$data+'</div>');
        }
        function writeMessage($data) {
            $('#message').append($data);
        }
        function replaceMessage($data) {
            $('#message').children().last().remove();
            $('#message').children().last().remove();
            $('#message').append($data);
        }
        var progress = {
            'show': function () {
                $('#progress').parent().show();
            },
            'setValue': function ($value) {
                $('#progress').css('width', $value);
            },
            'hide': function () {
                $('#progress').parent().hide();
            }
        };
        function enable(){
            $('#compare_btn').removeAttr('disabled','');
        }
    </script>
</block>